<template>
  <a-layout-content>
    <auth-header :project-id="projectId"/>
    <auth-table :project-id="projectId"/>
    <add-member-modal :project-id="projectId"/>
  </a-layout-content>
</template>

<script lang="ts">
/**
 * project auth management page
 * @author Huihua Lu
 */
import { Component, Vue } from 'vue-property-decorator'
import AuthHeader from '@/components/projects/AuthHeader.vue'
import AuthTable from '@/components/projects/AuthTable.vue'
import AddMemberModal from '@/components/projects/AddMemberModal.vue'

@Component({
  components: {
    AuthHeader,
    AuthTable,
    AddMemberModal
  }
})
export default class ProjectAuthView extends Vue {
  private projectId: number|null = null

  public created() {
    this.projectId = Number.parseInt(this.$route.params.id,10)
  }
}

</script>

<style lang="less" scoped>
.ant-layout-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 13px 16px 16px;
}

</style>
